<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-title" content="AI助手">
	<link rel="icon" type="image/svg+xml" href="/favicon.svg">
	<!-- <link rel="manifest" href="https://vscode.binjie.site:7778/manifest.json" crossorigin="use-credentials"> -->
	<link rel="apple-touch-icon" href="/favicon.ico">
	<link rel="icon" type="image/svg+xml" href="/favicon.svg">
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<link rel="apple-touch-icon" href="/favicon.ico">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
	<title>仅用于开发学习交流</title>

	<script>
		(function (h, o, u, n, d) {
		   h = h[d] = h[d] || {
			 q: [],
			 onReady: function (c) {
			   h.q.push(c)
			 }
		   }
		   d = o.createElement(u)
		   d.async = 1
		   d.src = n
		   n = o.getElementsByTagName(u)[0]
		   n.parentNode.insertBefore(d, n)
		 })(
		   window,
		   document,
		   'script',
		   'https://static.guance.com/browser-sdk/v2/dataflux-rum.js',
		   'DATAFLUX_RUM'
		 )
		 DATAFLUX_RUM.onReady(function () {
		   DATAFLUX_RUM.init({
			 applicationId: 'cbjtest',
			 datakitOrigin: 'https://trace.apps.yqcloud.com', // 协议（包括：//），域名（或IP地址）[和端口号]
			 env: 'production',
			 version: '1.0.0',
			 trackInteractions: true,
			 traceType: 'ddtrace', // 非必填，默认为ddtrace，目前支持 ddtrace、zipkin、skywalking_v3、jaeger、zipkin_single_header、w3c_traceparent 6种类型
			 allowedTracingOrigins: ['*'],  // 非必填，允许注入trace采集器所需header头部的所有请求列表。可以是请求的origin，也可以是是正则
		   })
		 })
	   </script>
<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?57740daa77b2b64fc03729c7f3eed65b";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>
</head>

<body class="dark:bg-black">
	<div id="app">
		<style>
			.loading-wrap {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100vh;
			}

			.balls {
				width: 4em;
				display: flex;
				flex-flow: row nowrap;
				align-items: center;
				justify-content: space-between;
			}

			.balls div {
				width: 0.8em;
				height: 0.8em;
				border-radius: 50%;
				background-color: #4b9e5f;
			}

			.balls div:nth-of-type(1) {
				transform: translateX(-100%);
				animation: left-swing 0.5s ease-in alternate infinite;
			}

			.balls div:nth-of-type(3) {
				transform: translateX(-95%);
				animation: right-swing 0.5s ease-out alternate infinite;
			}

			@keyframes left-swing {

				50%,
				100% {
					transform: translateX(95%);
				}
			}

			@keyframes right-swing {
				50% {
					transform: translateX(-95%);
				}

				100% {
					transform: translateX(100%);
				}
			}

			@media (prefers-color-scheme: dark) {
				body {
					background: #121212;
				}
			}
		</style>
		<div class="loading-wrap">
			<div class="balls">
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<script type="module" src="/src/main.ts"></script>
</body>

</html>
